<template>
	<base-popselect
		:modelValue="modelValue"
		:options="options"
		@update:model-value="onChange"
		size="small"
		selected-class="w-[70px] h-7 rounded-lg bg-bg-3 px-[18px] text-t-2"></base-popselect>
</template>

<script setup lang="ts">
import { BasePopselect } from '@/components/base'
import { ref } from 'vue'

defineProps({
	modelValue: {
		type: Number,
		required: true
	}
})

const emits = defineEmits(['update:modelValue'])

const options = ref([
	{
		id: 10,
		text: '10'
	},
	{
		id: 20,
		text: '20'
	},
	{
		id: 50,
		text: '50'
	}
])

const onChange = (val: string) => {
	emits('update:modelValue', val)
}
</script>
